﻿<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>可折叠区域</title>
<link href="css/module.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="./js/jquery.js"></script>
<script type="text/javascript">
$(function(){
	$("img[alt=rollup]").click(function(){
		$(".body, #img").slideToggle(1000);
	});
});
</script>
</head>
<body>
	<div id="content" class="module">
      	<div class="caption">
        	<span>Module Caption</span>
        	<img src="images/rollup.gif" alt="rollup" title="rolls up this module"/>
      	</div>

      	<div class="body">
      		Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
	        Aliquam eget enim id neque aliquet porttitor. Suspendisse
	        nisl enim, nonummy ac, nonummy ut, dignissim ac, justo.
	        Aenean imperdiet semper nibh. Vivamus ligula. In in ipsum
	        sed neque vehicula rhoncus. Nam faucibus pharetra nisi.
	        Integer at metus. Suspendisse potenti. Vestibulum ante
	        ipsum primis in faucibus orci luctus et ultrices posuere
	        cubilia Curae; Proin quis eros at metus pretium elementum.
      	</div>
      </div>
</body>
</html>